<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>MP小项目</title>
    <!-- 原静态页面，引入的方式 -->
    <!--    <link rel="stylesheet" href="layui/css/layui.css">-->
    <!-- 动态页面，引入的方式，使用 thymeleaf 模板引擎 -->
    <link rel="stylesheet" th:href="@{/webjars/layui/css/layui.css}">
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">MP小项目</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item"><a href="javascript:;">
                    <span th:text="${session.account.realName}"></span>
                </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="">基本资料</a>
                        </dd>
                        <dd>
                            <a href="">安全设置</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a th:href="@{/auth/logout}">退了</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed" th:each="resource:${resources}">
                        <a class="" href="javascript:;" th:text="${resource.resourceName}">所有商品</a>
                        <dl class="layui-nav-child" th:if="${resource.subs} ne null" th:each="sub:${resource.subs}">
                            <dd>
                                <a th:href="'javascript:showTab(\''+${sub.url}+'\', \'' +${sub.resourceName}+ '\', '+${sub.resourceId}+');'"
                                   th:text="${sub.resourceName}">列表一</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div class="layui-tab" lay-filter="menu" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this">欢迎页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">欢迎使用本系统</div>
                </div>
            </div>
        </div>

        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © hmfdev - 人生最美好的状态，是安安静静地扎根，默默无闻地汲取养分。终有一天破土而出，定会惊艳众人。
        </div>
    </div>
    <!-- 原静态页面引入的方式 -->
    <!--    <script src="layui/layui.all.js"></script>-->
    <!-- 动态页面引入的方式 -->
    <script th:src="@{/webjars/layui/layui.all.js}"></script>

    <!-- 引入JQuery -->
    <script th:src="@{/webjars/jquery/jquery.js}"></script>
    <!-- 引入该页面main.html 对应的js方法文件 -->
    <script th:src="@{/js/login/main.js}"></script>
</body>
</html>